@import "../commonFunc";

.upload_file_module {
    .file_list {
        padding-top: px2rem(7);

        ul {

            li {
                height: px2rem(20);
                width: 100%;
                margin-bottom: px2rem(20);

                p {
                    width: calc(100% - 6.7rem);
                    @include fontSize(px2rem(14));
                    @include color(#6E4B30);
                    @include displayFlex;
                    justify-content: flex-start;
                    padding-right: px2rem(30);

                    .anticon {
                        @include widthHeight(px2rem(16), px2rem(20));
                        @include displayFlex;
                        margin-right: px2rem(14);
                        @include fontSize(px2rem(20));
                        @include color($defaultColor)
                    }
                }

                .close_icon {
                    @include widthHeight(px2rem(67), px2rem(20));
                    @include displayFlex;
                    justify-content: flex-start;

                    .anticon {
                        @include fontSize(px2rem(18));
                        @include color(#BFB4A6);
                        cursor: pointer;

                        &:hover {
                            @include color($defaultColor)
                        }
                    }
                }
            }
        }
    }

    .ant-upload {
        padding: 0 px2rem(30);

        &.ant-upload-drag {
            border-style: solid;
            border-color: rgba(175, 137, 98, .6);
            @include bgColor(transparent);

            .ant-upload-text {
                height: px2rem(48);
                margin-bottom: 0;
                @include displayFlex;
                @include fontSize(px2rem(14));
                @include color(rgba(110, 75, 48, .8))
            }

            p.ant-upload-drag-icon {
                margin-bottom: 0;
                height: px2rem(48);
                @include displayFlex;

                .anticon {
                    @include fontSize(px2rem(40));
                    @include color(rgba(191, 180, 166, 1));
                }
            }
        }
    }
}